<!DOCTYPE html>
<html lang="en">
   <head>
       <meta charset="utf-8" />
       <link rel="stylesheet" href="css/midl.css" />
       <link rel="shortcot icon" href="pic/05.ico" />
       <title>表单项</title>
   </head>
   <body>
       <!-- 小米登录界面 -->
       <div class="dibu">
            <div class="tou">
                <div class="tou-zi">
                  <span>账号登录&nbsp;&nbsp;&nbsp;&nbsp;</span>
                  <span style="color: violet">|&nbsp;&nbsp;&nbsp;&nbsp;密码登录</span>
                </div>
            </div>
            <div class="main-t">
                <input type="text" placeholder="邮箱/手机号码/小米ID">
                <input type="password" placeholder="密码">
                <input type="submit" name="sub" value="提交" class="dl">
            </div>
            <div class="footer">
                  <div class="footerl">
                      <a href="#">手机短信登录</a>
                      <a href="#">/注册</a>
                  </div>
                  <div class="footerr">
                      <a href="#">立即注册</a>
                      <a href="#">|忘记密码</a>
                  </div>        
            </div>
            <div class="foot">  
                 <div class="footup">
                         <a href="#">其他方式登录</a>
                     </div>
                 <div class="footk"></div>             
                 <div class="footm"></div>               
             </div>
             <div class="feet">
                 <div class="feetimg"><img src="pic/q1.jpg" alt=""></div>
                 <div class="feetimg"><img src="pic/q2.jpg" alt=""></div>
                 <div class="feetimg"><img src="pic/q3.jpg" alt=""></div>
                 <div class="feetimg"><img src="pic/q4.jpg" alt=""></div>
             </div>
        </div>

   </body>
</html>